 
 
 
 
 
 
 
 
 
<html>
<head>
 
<base href="http://localhost:8080/stat/">
<link rel="stylesheet" type="text/css" media="screen"
			href="http://localhost:8080/stat/javascript/jquery-ui-1.8.2/themes/base/jquery.ui.all.css" />
<link rel="stylesheet" type="text/css" media="screen"
			href="http://localhost:8080/stat/javascript/jquerys/jquery.notify/ui.notify.css" />
<script src="http://localhost:8080/stat/javascript/jquery-1.4.2.js" language="javascript" type="text/javascript"></script>

<script src="http://localhost:8080/stat/javascript/jquery-ui-1.8.2/ui/jquery-ui.js" type="text/javascript"></script>
<script src="http://localhost:8080/stat/javascript/jquery-ui-1.8.2/external/jquery.bgiframe-2.1.1.js" type="text/javascript"></script>
<script src="http://localhost:8080/stat/javascript/jquery-ui-1.8.2/ui/i18n/jquery-ui-i18n.js" type="text/javascript"></script>
<script src="http://localhost:8080/stat/javascript/jquerys/jquery.notify/jquery.notify.js" language="javascript" type="text/javascript"></script>

<script src="http://localhost:8080/stat/javascript/tools.js" type="text/javascript"></script>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
</head>
<body>
<div>
  <div id="formContainer" style="border:1px #fc3 ;width:100%;height:500px">
  <form id="form1" name="form1" method="post" action="">
 
<table width="352" border="1" align="center">
  <tr>
    <th width="71" scope="col">&nbsp;</th>
    <th width="219" scope="col">&nbsp;</th>
    <th width="40" scope="col">&nbsp;</th>
  </tr>
  <tr>
    <td>用户名:</td>
    <td><input type="text" name="用户名" id="用户名" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>密码:</td>
    <td><input type="password" name="密码" id="密码" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="submit" name="登陆提交" id="登陆提交" value="提交" />
      <input type="reset" name="重置" id="重置" value="重置" /></td>
    <td>&nbsp;</td>
  </tr>
</table>
</form>

</div>
<hr size='1' color="#0000ff" />
<button class='saveForm'>保存表单</button>
<!-- set the container hidden to avoid a flash of unstyled content
when the page first loads -->
<div id="notifycontainer" style="display:none">
 
    <!-- 
    Later on, you can choose which template to use by referring to the 
    ID assigned to each template.  Alternatively, you could refer
    to each template by index, so in this example, "basic-tempate" is
    index 0 and "advanced-template" is index 1.
    -->
    <div id="basic-template">
        <a class="ui-notify-cross ui-notify-close" href="#">x</a>
        <h1>系统提示</h1>
        <p>您的表单已经保存!</p>
    </div>
 
    <div id="advanced-template">
        <!-- ... you get the idea ... -->
    </div>
 
</div>
 
<script type='text/javascript' language='javascript'> 
  var notifyIns;
  $(function(){
      
       var formData = {"formContent":escape($("#formContainer").html())};
       $(".saveForm")
       .click(function(){
          $.ajax({
             type:"POST",
             url: "saveform.action",
   			 data: $.param(formData),
   			 success: function(msg){
     			systip();
   			 },
   			 error:function(msg){
   			    alert("保存出错:\n"+msg);
   			    
   			 }
             
          
          });
       }).button({"label":"保存表单"});
       $("#notifycontainer").notify();
       
  });
  function systip(){
    if(notifyIns==null){
     notifyIns = $("#notifycontainer").notify("create","default");
    }else{
      notifyIns.open();
    
    }
  }
 
</script>
 
</div>
<hr color="#f45" size="1"/>
<button onclick="otherattach();">其他附件</button>
<script type="text/javascript" language="javascript"> 
     function otherattach(){
	     var link = ('http://localhost:8080/stat/listattachments.action?workflowId=4');		
	     doAjaxLinkById(link,"attachments");        
	 }	
 
     
     function setOwner(id){
        var user = '杨金玉';
        $("#"+id).val(user);  
     }
	
</script>
<div id="attachments">
   
</div>
</body>
</html>